<template>
	<div class="screen1-module6-content">
		<div class="row time-row no-wrap">开始时间：{{dataSource.startTime}}</div>
		<div class="row hor-flex-containter" style="height:auto;">
			<div class="flex-block no-wrap">项目号</div>
			<div class="flex-block no-wrap">货物名称</div>
		</div>
		<div class="row hor-flex-containter" style="height:auto;">
			<div class="flex-block no-wrap"><div class="ellipsis">{{dataSource.projectId}}</div></div>
			<div class="flex-block no-wrap"><div class="ellipsis">{{dataSource.materialName}}</div></div>
		</div>
	</div>
</template>

<script setup>
const props = defineProps({
	dataSource:{
		type:Object,
		default:function(){
			return {}
		}
	}
})
</script>

<style lang="scss" scoped>
.screen1-module6-content{
	height: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	font-size: .26em;
	color: white;
	justify-content: center;
	padding: .6em;
	&>.row{
		margin-bottom: .6em;
		&:last-child{
			margin-bottom: 0;
			color: #D8F000;
		}
	}
	.flex-block{
		width: 1px;
		flex-grow: 1;
	}
}
</style>